iT邦幫忙

2022 iThome 鐵人賽

DAY 19
0
自我挑戰組

學習JavaScript的基礎概念系列 第 19

Day19 什麼是JSON

  • 分享至 

  • xImage
  •  

JSON (JavaScript Object Notation)

是一種傳送資料格式,是被JS的物件實體與法啟發的,但和物件語法式不同的東西,並不是JavaScript的一部份,是JavaScript有內建功能可以解析它,也可以讓任何物件變JSON。

JSON和物件實體語法有些小差異,在JSON檔案中被解析的屬性一定要包在雙引號" "裡。

一般的物件語法:

var objectLiteral = {
    firstname: 'Mary',
    isAProgrammer: true
}

JSON資料字串:

{ 
    "firstname": "Mary", 
    "isAProgrammer": "true" 
}

讓物件變JSON字串 & JSON轉換為JavaScript物件

JSON.stringify:物件變JSON字串,是JavaScript的內建功能。
JSON.parse:接受JSON字串,轉換為JavaSript物件。

var objectLiteral = { 
    firstname: 'Mary', 
    isAProgrammer: true 
}
//讓物件變JSON字串
console.log(JSON.stringify(objectLiteral));

//接受一個字串,轉換為JavaSript物件,注意字串不可分行
var jsonValue = JSON.parse('{"firstname": "Mary","isAProgrammer": "true"}');

console.log(jsonValue);

執行結果:
https://ithelp.ithome.com.tw/upload/images/20221003/20152070FcZA6IiSYb.png
JSON的格式比較嚴格,不能讓你設定函數或值,它並不是JavaScript的一部份。


上一篇
Day18 物件的屬性、方法,查看型別typeof、instanceof
下一篇
Day20 DOM與Window Object
系列文
學習JavaScript的基礎概念30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言